<template>
	<div class="wos-model" v-show="show">
		<div class="cc" style="width: 600px;">
			<div class="wos-model-title wos-flex wos-flex-between">
				<div>修改</div>
				<div><i class="iconfont icon-x1" @click="doShow"></i></div>
			</div>
			<div style="padding: 20px">
				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 厂商： </div>
						<div class="wos-flex">
							<select class="width-180">
								<option value="私有">私有</option>
								<option value="松下">松下</option>
								<option value="索尼">索尼</option>
								<option value="Dynacolor">Dynacolor</option>
								<option value="三星">三星</option>
								<option value="AXJS">AXJS</option>
								<option value="Vivotek">Vivotek</option>
								<option value="Onvif">Onvif</option>
								<option value="海康">海康</option>
								<option value="LG">LG</option>
								<option value="GB28181">GB28181</option>
							</select>
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> IP地址： </div>
						<div class="wos-flex">
							<ip-input :value="$store.state.param[3].value"></ip-input>
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> TCP端口： </div>
						<div class="wos-flex">
							<input type="text" class="wos-input width-180" v-model="$store.state.param[4].value">
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 用户名： </div>
						<div class="wos-flex">
							<input type="text" class="wos-input width-180" value="admin">
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 密码： </div>
						<div class="wos-flex" style="padding-right: 10px">
							<input type="password" class="wos-input width-180" value="111111111">
						</div>
						<div>
							<button class="wos-btn wos-btn-no wos-btn-input">连接</button>
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 通道总数： </div>
						<div class="wos-flex" style="padding-right: 10px">
							<input type="text" class="wos-input width-180" disabled="disabled" value="1">
						</div>
						<div>
							<button class="wos-btn wos-btn-disabled wos-btn-input">设置</button>
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 远程通道号： </div>
						<div class="wos-flex">
							<select class="width-180">
								<option value="1">1</option>
							</select>
						</div>
					</div>
				</div>

				<div class="content">
					<div class="wos-flex">
						<div class="width-100 wos-font-weight"> 通道号： </div>
						<div class="wos-flex">
							<select class="width-180">
								<option value="3">3</option>
							</select>
						</div>
					</div>
				</div>
			</div>





			<div class="btns wos-flex wos-flex-between">
				<div></div>
				<div>
					<button class="wos-btn wos-btn-no" @click="doShow">取消</button>
					<button class="wos-btn wos-btn-yes">确定</button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
    export default {
        name: "edit",
	    data:function(){
            return {

            }
	    },
	    props:["show"],
	    methods:{
            doShow(){
                this.$emit("doShow","editShow")
            }
	    }
    }
</script>


